<script type="text/javascript" src="js/atacar.js"></script>
<script type="text/javascript" src="js/sliderRange.js"></script>
<div class="perfil" class="centrarTexto">
		<?php
	$id_tropa=1;
	foreach($tropas as $value){//Recorre segun la cantidad de tipos de tropa
		$unidad=new Unidad($id_tropa);
		echo "<div class='cajaPerfil'>";
		echo "<img class='avatar' src='".$unidad->avatar."'";
		echo " />";
		echo "<h3>".$unidad->nombre."</h3>";
	?>
		<input id="<?php echo ($id_tropa==2?"Espadachin":$unidad->nombre).$id_tropa ?>" class="rango" name="<?php echo ($id_tropa==2?"Espadachin":$unidad->nombre); ?>" type="range" min="0" max="<?php echo $unidad -> cantidad; ?>" value="0" onchange="muestraValor(this.value,this.name)">
		<input id="<?php echo ($id_tropa==2?"Espadachin":$unidad->nombre); ?>" onchange="cambiarValor(this.value,this.id,<?php echo $id_tropa; ?>,<?php echo $unidad -> cantidad; ?>)" id="<?php echo ($id_tropa==2?"Espadachin":$unidad->nombre).$id_tropa ?>" name="valor<?php echo ($id_tropa==2?"Espadachin":$unidad->nombre); ?>" value="0"  type="number" size="4"   />
		<p>Coste por unidad: (20 - Carb&oacute;n) y (30 - Pl&aacute;stico)</p>
		</div>
	<?php
		$id_tropa++;
	}
	?>
	<h2>Elige el nombre de tu victima:</h2>
	<span>
		<input id="input-nombre-victima" type="text" placeholder="Nombre de tu v&iacute;ctima">
		<button id="btn-atacar">Atacar</button>
	</span>
	
</div>
